<ui:fragment xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
	<h:outputText value="7. Aspectos Sociales (Informacion familiar*)"
		styleClass="title1" />

	<div style="text-align: right;"><i><h:outputText
		value="*Debe aplicarse uno por cada familia residente en el predio"
		styleClass="title1" /></i></div>
	<h:panelGrid columns="1">
		<h:outputText value="Relación con el responsable de la vivienda" />
		<h:selectOneRadio value="#{main.encabezadoSociales.relacion}">
			<f:selectItems value="#{selectItems.itemsRelacion}" />
		</h:selectOneRadio>
	</h:panelGrid>
	<div style="text-align: right;"><a4j:commandLink
		action="#{main.adicionarRegistroInfoFamiliar}"
		reRender="tablaInfoFamiliar">
		<h:graphicImage value="/img/add.png" width="16" height="16" />
		<h:outputLabel value="Adicionar registro" />
	</a4j:commandLink></div>
	<rich:dataTable id="tablaInfoFamiliar"
		value="#{main.tablaInformacionFamiliar}" var="info" border="1"
		rows="10" summary="Informacion familiar" rowKeyVar="rowNum"
		cellspacing="0" rowClasses="row,row_odd" styleClass="table_result">
		<f:facet name="header">
			<rich:columnGroup id="colummGroupResult"
				styleClass="header_table_result">
				<rich:column id="rowId">
				</rich:column>
				<rich:column id="parentescoJefeHogar">
					<h:outputLabel id="lblParentescoJefeHogar"
						value="Parentesco con el jefe del hogar" />
				</rich:column>
				<rich:column id="edad">
					<h:outputLabel id="lblEdad" value="Edad" />
				</rich:column>
				<rich:column id="sexo">
					<h:outputLabel id="lblSexo" value="Sexo" />
				</rich:column>
				<rich:column id="nivelEducativo">
					<h:outputLabel id="lblNivelEducativo" value="Nivel educativo" />
				</rich:column>
				<rich:column id="asisteEscuela">
					<h:outputLabel id="lblAsisteEscuela" value="Asiste a la escuela" />
				</rich:column>
				<rich:column id="ocupacion">
					<h:outputLabel id="lblOcupacion" value="Ocupacion" />
				</rich:column>
				<rich:column id="ingresosMensuales">
					<h:outputLabel id="lblIngresosMensuales" value="Ingresos mensuales" />
				</rich:column>
				<rich:column id="estadoCivil">
					<h:outputLabel id="lblEstadoCivil" value="Estado civil" />
				</rich:column>
				<rich:column id="tipoAfiliacionSalud">
					<h:outputLabel id="lblTipoAfiliacionSalud"
						value="Tipo de afiliacion en salud" />
				</rich:column>
				<rich:column id="capacitacion">
					<h:outputLabel id="lblCapacitacion" value="Capacitacion" />
				</rich:column>
				<rich:column id="organizacionComunitariaSitioTrabajo">
					<h:outputLabel id="lblOrganizacionComunitariaSitioTrabajo"
						value="Organizacion comunitaria a la que pertenece / Sitio trabajo" />
				</rich:column>
			</rich:columnGroup>
		</f:facet>
		<rich:column id="txtRowId">
			<h:outputText id="txtRownum" value="#{rowNum + 1}" />
		</rich:column>
		<rich:column id="rowParentescoJefeHogar">
			<h:inputText id="txtParentescoJefeHogar"
				value="#{info.parentescoJefeHogar}" size="2" />
		</rich:column>
		<rich:column id="rowEdad">
			<h:inputText id="txtEdad" value="#{info.edad}" size="2" />
		</rich:column>
		<rich:column id="rowSexo">
			<h:selectOneMenu id="txtSexo" value="#{info.sexo}">
				<f:selectItems value="#{selectItems.itemsSexo}" />
			</h:selectOneMenu>
		</rich:column>
		<rich:column id="rowNivelEducativo">
			<h:inputText id="txtNivelEducativo" value="#{info.nivelEducativo}"
				size="2" />
		</rich:column>
		<rich:column id="rowAsisteEscuela">
			<h:selectBooleanCheckbox id="txtAsisteEscuela"
				value="#{info.asisteAEscuela}" />
		</rich:column>
		<rich:column id="rowOcupacion">
			<h:inputText id="txtOcupacion" value="#{info.ocupacion}" size="2" />
		</rich:column>
		<rich:column id="rowIngresosMensuales">
			<h:inputText id="txtIngresosMensuales"
				value="#{info.ingresosMensuales}" size="2" />
		</rich:column>
		<rich:column id="rowEstadoCivil">
			<h:inputText id="txtEstadoCivil" value="#{info.estadoCivil}" size="2" />
		</rich:column>
		<rich:column id="rowTipoAfiliacionSalud">
			<h:inputText id="txtTipoAfiliacionSalud"
				value="#{info.tipoAfiliacionSalud}" size="2" />
		</rich:column>
		<rich:column id="rowCapacitacion">
			<h:inputText id="txtCapacitacion" value="#{info.capacitacion}"
				size="2" />
		</rich:column>
		<rich:column id="rowOrganizacionComunitariaSitioTrabajo">
			<h:inputText id="txtOrganizacionComunitariaSitioTrabajo"
				value="#{info.organizacionComunitariaSitioTrabajo}" size="2" />
		</rich:column>

		<rich:column id="rowOperaciones">
			<a4j:commandButton image="/img/delete.png"
				action="#{main.removerRegistroInfoFamiliar}"
				reRender="tablaInfoFamiliar">
				<f:setPropertyActionListener value="#{rowNum}"
					target="#{main.idRegistroInfoFamiliarEliminar}" />
			</a4j:commandButton>
		</rich:column>
	</rich:dataTable>
	<h:outputText value="Observaciones" styleClass="title1" />
	<h:panelGrid columns="2">
		<h:outputText
			value="1. Explique la razón por la cual las personas que se encuentran en edad escolar  (5 a 18 años) no se encuentran estudiando actualmente:" />
		<h:outputText
			value="2. La unidad familiar, cuenta  con redes familiares en:" />
		<h:panelGroup>
			<h:selectOneRadio value="#{main.encabezadoSociales.observacion1}"
				layout="pageDirection">
				<f:selectItems value="#{selectItems.itemsRazonesPersonasNoEstudian}" />
			</h:selectOneRadio>
			<h:panelGrid columns="2">
				<h:outputText value="Cual?" />
				<h:inputText value="#{main.encabezadoSociales.observacion1Razon}" />
			</h:panelGrid>
		</h:panelGroup>
		<h:selectOneRadio value="#{main.encabezadoSociales.observacion2}"
			layout="pageDirection">
			<f:selectItems value="#{selectItems.itemsRedesFamiliares}" />
		</h:selectOneRadio>
	</h:panelGrid>
</ui:fragment>